<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../css/xiang.css">
		<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
		<title>Document</title>
	</head>

	<body>
		<div class="sellDetailPage">
			<div class="banner" style="display: block">
				<div class="container">
					<ul class="channelList">
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li class="selected">
							<a href="https://xa.ke.com/ershoufang/">二手房</a>
						</li>
						<li class="">
							<a href="https://xa.fang.ke.com/loupan">新房</a>
						</li>
						<li class="">
							<a href="https://xa.zu.ke.com/zufang">租房</a>
						</li>
						<li class="">
							<a href="https://shangye.ke.com/xa">商业办公</a>
						</li>
						<li class="">
							<a href="https://xa.ke.com/xiaoqu/">小区</a>
						</li>
						<li class="">
							<a href="https://xa.ke.com/yezhu/maifang/?channel_id=2004" target="_blank">发布房源</a>
						</li>
						<li class="">
							<a href="https://research.ke.com/" target="_blank">贝壳研究院</a>
						</li>
						<li class="">
							<a href="javascript:void(0)">下载APP</a>
							<div class="appQRCode">
								<img src="https://ajax.api.ke.com/qr/getDownloadQr?location=site_middle">
							</div>
						</li>
						<li class="">
							<a href="https://open.ke.com/home?source=9" target="_blank">开放平台</a>
						</li>
					</ul>
					<div class="banner-right">
						<div class="login" id="userInfoContainer">
							<i></i>
							<a href="https://clogin.ke.com/login?service=https%3A%2F%2Fwww.ke.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fxa.ke.com%252Fershoufang%252F101115945701.html%253Ffb_expo_id%253Dr16667633925378925491790218901" id="loginBtn" rel="nofollow">登录</a>
							/
							<a href="https://clogin.ke.com/register?service=https%3A%2F%2Fwww.ke.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fxa.ke.com%252Fershoufang%252F101115945701.html%253Ffb_expo_id%253Dr16667633925378925491790218901" id="registerBtn" rel="nofollow">注册</a>
						</div>
						<div class="phone">
							<i></i>
							<span>热线电话 1010-6188</span>
						</div>
					</div>
				</div>
			</div>
			<div data-component="detailHeader">
				<div class="header">
					<div class="menu clear">
						<div class="menuLeft">
							<a href="/ershoufang/" class="logo"></a>
							<!-- <span class="channelName">二手房</span> -->
							<ul class="typeList">
							</ul>
						</div>
						<div class="search">
							<div class="input" log-mod="search">
								<form action="/ershoufang/rs" id="searchForm">
									<span class="noArrow" data-bl="switch">
                  <span class="state">在售</span>
									<i></i>
									</span>
									<span class="sstate" data-bl="switch" style="display: none;">
                  <span data-state="1">在售</span>
									<span data-state="2">成交</span>
									<span data-state="3">小区</span>
									</span>
									<input type="text" id="searchInput" placeholder="请输入关键字搜索" autocomplete="off">
									<button type="submit" class="searchButton" data-bl="search" data-el="search">&nbsp;<i></i>&nbsp;
                </button>
								</form>
								<div class="searchMsg" id="searchMsgContainer" style="display: none;"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="detailHeader VIEWDATA">
					<div class="title-wrapper" log-mod="detail_header">
						<div class="content">
							<span class="worth_position"></span>
							<div class="title">

							</div>
							<div class="btnContainer ">
								<div>
									<div class="action">
										<button id="follow" class="followbtn" data-text="关注房源">关注房源</button>
										<span id="favCount" class="count">25</span>人关注
										<span class="layer-qrcode followLayer" style="display: none;">
                    <span class="icon-qrcode">
                      <img width="100" height="100"
                        src="https://ajax.api.ke.com/qr/getDownloadQr?location=follow_app&amp;jweb_channel_key=ershoufang_view"
                        alt="下载贝壳找房APP">
                    </span>
										<span class="txt">下载贝壳找房APP</span>
										<span class="sub-txt">房源动态早知道</span>
										<span class="icon-close"></span>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="intro clear" mod-id="lj-common-bread">
				</div>
			</div>
			<div data-component="overviewIntro">
				<div class="overview">
					<div class="img" id="topImg">
						<div class="imgContainer">
							<img class="new-default-icon" src="https://vrlab-image4.ljcdn.com/release/auto3dhd/d4ef3064315a5c8d2de2eab40c5d60cb/screenshot/1660712261_4/pc0_Q7UDwzGzy.jpg?imageMogr2/quality/70/thumbnail/1024x" alt="华远君城 2室2厅 南 北-西安华远君城二手房" title="华远君城" data-pic="" data-vr="https://open.realsee.com/ke/aoO5MVVwKYWMNBzr/MDVRjgL5QVlsZhjhRTNK2m0CpL3kqpQw/#lianjia" data-showlogo="0" data-size="1420x800" style="display: block;">
							<span style="display: block;"></span>
							<div class="vr_animation_logo vr_gold_animation_logo"></div>

						</div>
						<div class="thumbnail" id="thumbnail2" style="display:  block ">
							<div class="pre">&lt;</div>
							<ul class="smallpic">
								<li class="selected">
                    				<img src="https://vrlab-image4.ljcdn.com/release/auto3dhd/8f9d1a11c9bdf30a59c51f89c8d86e36/screenshot/1657851660_10/pc0_kpfSZ5Kjt.jpg?imageMogr2/quality/70/thumbnail/1024x" alt="次顶层，位置好，诚意出售，价格有空间，随时看" title="融科橄榄城三期户型图实景图">
                				</li>
							</ul>
							<div class="next">&gt;</div>
						</div>

					</div>
					<div class="content">

						<div class="houseInfo">
							<div class="room">
								<!--<div class="mainInfo"></div>-->
							</div>
							<a class="haofangInfo CLICKDATA " data-click-evtid="22180" data-click-event="WebClick" data-view-evtid="22161" data-view-event="ItemExpo" href="https://xa.ke.com/ershoufang/goodhouse/">
								<img src="https://img.ljcdn.com/beike/haofanglogo/1573111250229.png">
							</a>
						</div>

					</div>
				</div>

			</div>
		</div>

		<!-- swiper(隐藏) -->
		<div class="sw_hd">
			<div class="swiper mySwiper">
				<div class="swiper-wrapper">
					<!--<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/110000-inspection/pc1_fSJaS8HHf_1.jpg!m_fill,w_710,h_400,lg_north_west,lx_0,ly_0,l_fbk,f_jpg,ls_50?from=ke.com" alt="">
					</div>
					<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/110000-inspection/apc_pfyGN1T28_1.jpg!m_fill,w_710,h_400,lg_north_west,lx_0,ly_0,l_fbk,f_jpg,ls_50?from=ke.com" alt="">
					</div>
					<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/110000-inspection/apc_L0qOS8BDa_1.jpg!m_fill,w_710,h_400,lg_north_west,lx_0,ly_0,l_fbk,f_jpg,ls_50?from=ke.com" alt="">
					</div>
					<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/hdic-frame/standard_ad31801e-826c-4802-8a79-9c29dae24544.png!m_fill,w_710,h_400,l_bk,f_jpg,ls_50?from=ke.com" alt="">
					</div>
					<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/110000-inspection/pc0_18jvggkBZ_1.jpg!m_fill,w_710,h_400,lg_north_west,lx_0,ly_0,l_fbk,f_jpg,ls_50?from=ke.com" alt="">
					</div>
					<div class="swiper-slide">
						<img src="https://ke-image.ljcdn.com/110000-inspection/pc0_DSXBo2SAd_1.jpg!m_fill,w_710,h_400,lg_north_west,lx_0,ly_0,l_fbk,f_jpg,ls_50?from=ke.com" alt="">
					</div>-->
				</div>
				<div class="button_close"></div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js">
	</script>
	<script type="text/javascript">
		var swiper = new Swiper(".mySwiper", {
			pagination: {
				el: ".swiper-pagination",
				type: "fraction",
			},
			navigation: {
				nextEl: ".swiper-button-next",
				prevEl: ".swiper-button-prev",
			},
		});
		$('.button_close').on('click', function() {
			$('.sw_hd').hide()
		})
		$('.imgContainer').on('click', function() {
			$('.sw_hd').show()
		})
		var code = localStorage.getItem('code')
//		console.log(code);
		$.ajax({
			type: "get",
			url: `http://120.48.109.174:8081/houses/${code}`,
			async: true,
			success: function(res) {
//				console.log(res)
				$.each(res, function(i, item) {
					console.log($(item.houseImg))
//					var arr = $(item.houseImg)
					var str = `
						<h1 class="main">${item.community}</h1>
					`;
					var h = `
						<div class="mainInfo">
							${item.title}
							<p>
								<span>${item.floor}</span>
								<span>${item.tags}</span>
								<span>${item.oriented}</span>
							</p>
						</div>
					`;
					$('.title').append(str);
					$('.room').append(h);
					$.each($(item.houseImg), function(k,key) {
						var imgs = `
							<div class="swiper-slide">
								<img src="http://120.48.109.174:8081${key}" alt="">
							</div>
						`;
						var li_img = `
							<li class="selected">
                    			<img src="http://120.48.109.174:8081${key}" title="">
                			</li>
						`
						$('.smallpic').append(li_img)
						$('.swiper-wrapper').append(imgs)
					});
				});
			}
		});
	</script>

</html>